import React, {Component} from 'react';

class FooterBanner extends Component {
    render() {
        const items = [{
            title: '熱門城市特價機票情報',
            content: '個個都話想買平機票，但你估個個都搶到咩？一年365日時不時有股衝動想即刻買張廉價機票，與世界來個零距離接軌。一於嚟永安旅遊查詢（兼預訂）最平機票優惠，仲連稅㗎。'
        }, {
            title: '平價機票無底線，至廉價優惠推介！',
            content: '想到有返工無收工就頹到一個點，朝9晚11彷如香港扮工族常態。若然閣下近日曾出現下列症狀：「1. 週一盼週五、2. 諗到返工就頭痛、3. 覺得自己人生係０」之類，那麼思考人生的時間又到啦！是時候給自己來一趟心靈之旅，買張平價機票出走COMFORT ZONE。永安旅遊一向不遺餘力地為大眾格價，挑選至抵買的廉價機票，絕對是信心保證。又是咁的，那少得可憐的10幾日大假，難道你真．要留在家中與「床」虛度嗎？就讓我們繼續向下看，立即預訂心水城市平機票啦。'
        }].map((item, index) => {
            return (
                <div key={index} className='footer-banner-item'>
                    <h4 className='footer-banner-title'>{item.title}</h4>
                    <div className='footer-banner-message'>{item.content}</div>
                </div>
                
            );
        });

        return (
            <div className='footer-banner-root'>{items}</div>
        );
    }
}

export default FooterBanner;